<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>练习一：设置农业物联网系统</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div>
        <div class="title">
            <h2>练习一：设置农业物联网系统</h2>
        </div>
        <div class="main">
            <table>
                <tr>
                    <td>类型</td>
                    <td>数值</td>
                    <td>设备控制</td>
                </tr>
                <tr>
                    <td>温度</td>
                    <td id="temp">--</td>
                    <td></td>
                </tr>
                <tr>
                    <td>湿度</td>
                    <td id="hum">--</td>
                    <td></td>
                </tr>
                <tr>
                    <td>光照</td>
                    <td id="ill">--</td>
                    <td></td>
                </tr>
                <tr>
                    <td>风扇</td>
                    <td id="fan">--</td>
                    <td>
                        <button onclick="fengshanOpend()">打开/关闭</button>
                    </td>
                </tr>
                <tr>
                    <td>风扇2</td>
                    <td id="fan2">--</td>
                    <td>
                        <button onclick="open_method2()">打开/关闭</button>
                    </td>
                </tr>
                <tr>
                    <td>步进电机</td>
                    <td id="dianji">--</td>
                    <td class="css01">
                        <button onclick="open_method3('正转')">正转</button>
                        <button onclick="open_method3('反转')">反转</button>
                        <button onclick="open_method3('关闭')">关闭</button>
                    </td>
                </tr>
                <tr>
                    <td>可调灯</td>
                    <td id="light">--</td>
                    <td>
                        <button onclick="open_method4()">打开/关闭</button>
                    </td>
                </tr>
                <tr>
                    <td>自动控制</td>
                    <td id="autoControl">--</td>
                    <td>
                        <button onclick="open_method5()">打开/关闭</button>
                    </td>
                </tr>
            </table>
        </div>
        <div class="foot">
            <div>温度预警阀值1：
                <input type="text">℃</div>
            <div>温度预警阀值2：
                <input type="text">℃</div>
            <div>光照预警阀值：&nbsp;&nbsp;
                <input type="text">lux</div>
            <div> <button class="submitBtn">设定温度预警阀值</button> </div>
            <div><a href="DataView.html" target="_blank">
                <button>&nbsp;&nbsp;&nbsp;&nbsp;历史数据展示&nbsp;&nbsp;&nbsp;</button>
                </a></div>
        </div>
    </div>
    <!--stmop  websocket -->
    <script src="js/jquery-3.1.0.min.js"></script>
    <script src="/webjars/sockjs-client/sockjs.min.js"></script>
    <script src="/webjars/stomp-websocket/stomp.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</body>
</html>


